<template>
  <div class="password">
    <router-link to="Safe">
      <Back column="修改登录密码" />
    </router-link>
    <div class="password-list">
      <el-form ref="form" :model="form">
        <el-form-item>
          <el-input
            size="small"
            v-model="input"
            placeholder="原始密码"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            size="small"
            v-model="input1"
            placeholder="新密码"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            size="small"
            v-model="input2"
            placeholder="确认密码"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <button type="button" class="getPassword" >
            获取验证码
          </button>
          <el-input size="small" v-model="input3" placeholder="验证码">
          </el-input>
        </el-form-item>
        <el-form-item>
          <el-button class="sumbit" size="small" type="primary">确定</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script>
  import Back from "../../components/back/index.vue"
  export default {
    name: "Password",
    components: {
      Back,
    },
    data() {
      return {
        input: "",
        input1: "",
        input2: "",
        input3: "",
      }
    },
    methods: {},
  }
</script>
<style lang='scss'>
  @import "./password.scss";
</style>